<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:cc="http://java.sun.com/jsf/composite/com">
    <h:head>
        <title><ui:insert name="title"></ui:insert></title>
        <link href="../resources/css/style.css" rel="stylesheet" type="text/css" />

    </h:head>
    <h:body>
        <cc:loginRedirect />
        <div id="wraper">
            <div class="banner">
                <img alt="Home" src="../resources/images/banner.png" />
            </div>
            <div class="menu">
                <ul>
                    <h:form>
                        <li><a href="home.xhtml?faces-redirect=true">Home</a></li>
                        <li><a href="userInfo.xhtml?faces-redirect=true">Users</a></li>  
                        <li><a href="labInfo.xhtml?faces-redirect=true">Labs</a></li>
                        <li><a href="timeTableInfo.xhtml?faces-redirect=true">TimeTables</a></li>
                        <li><a href="deviceInfo.xhtml?faces-redirect=true">Devices</a></li>
                        <li><a href="reportInfo.xhtml?faces-redirect=true">Reports</a></li>
                        <li><a href="accountInfo.xhtml?faces-redirect=true">#{loginBean.username}</a></li>
                        <li><h:commandLink value="Logout" action="#{loginBean.logout}" /></li>
                    </h:form>
                </ul>
            </div>
            <div class="content">
                <div class="content_right">
                    <div class="sidebox">
                        <h:form>
                            <span class="stitle">Calender</span>
                            <p:calendar mode="inline" id="inlineCal" />
                        </h:form>
                    </div>
                    <div class="sidebox">
                        <span class="stitle">Photo Gallery</span>
                        <div class="gallery">
                            <img src="../resources/images/1.jpg"  />
                            <img src="../resources/images/2.jpg"  />
                            <img src="../resources/images/3.jpg"  />
                            <img src="../resources/images/4.jpg"  />
                            <img src="../resources/images/5.jpg"  />
                            <img src="../resources/images/6.jpg"  />
                        </div>
                    </div>
                </div>
                <div class="content_left">
                    <ui:insert name="content"></ui:insert>
                </div>
            </div>
            <div class="fotter">
                &copy; Coppyright 2012<br/>
                Power by G4-C1009G-FAT2-FPT Aptech
            </div>
        </div>
    </h:body>
</html>